<!-- slide show -->
                                
        	<!-- the CSS for Smooth Div Scroll -->
	<link rel="Stylesheet" type="text/css" href="<?php echo base_url(); ?>css/smoothDivScroll.css" />
	<!-- jQuery UI widget factory -->
	<script src="<?php echo base_url(); ?>script/jquery.ui.widget.js" type="text/javascript"></script>
	
	<!-- Smooth Div Scroll 1.1 - minified for faster loading-->
	<script src="<?php echo base_url(); ?>script/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>

	<script type="text/javascript">
		// Initialize the plugin with no custom options
		$(window).load(function() {
			$("div#makeMeScrollable").smoothDivScroll({
                            autoScroll: "onstart" ,
                            autoScrollDirection: "endlessloopright",
                            autoScrollStep: 1,
                            autoScrollInterval: 100,
                            startAtElementId: "startAtMe", 
                            visibleHotSpots: "always"
                            
                        });                        
		});
	</script>

	<!-- Styles for my specific scrolling content -->
    <div id="wr_sl">
        <div id="slideshow">
            <div id="makeMeScrollable">
                <div class="scrollingHotSpotLeft"></div>
                <div class="scrollingHotSpotRight"></div>
                <div class="scrollWrapper">
                    <div class="scrollableArea">
                        <?php
                        foreach($choiceList as $movie){
                            $href = base_url() . "video/view/" . $movie['movie_id'] . '/' . str_replace(' ', '+', $movie['name']);
                            $movieName = $movie['name'];
                            echo "<a href=\"$href\"><img src=\"" . base_url() . $movie['image'] . "\" alt=\"$movieName\" title=\"$movieName\" /></a>\n";
                        }
                        ?>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- end slide show -->
    </div>